<template>
  <div id="app">
    <el-select v-model="faceType" style="margin-bottom: 20px;">
      <el-option v-for="item in typeList" :key="item.value" :label="item.label" :value="item.value"></el-option>
    </el-select>
    <!-- 人脸检测 -->
    <FaceMonitor v-if="faceType === '1'" />
    <!-- 人流量统计 -->
    <FaceFlow v-if="faceType === '2'" />
  </div>
</template>

<script>
import FaceFlow from './components/FaceFlow.vue';
import FaceMonitor from './components/FaceMonitor.vue';
export default {
  name: 'App',
  data() {
    return {
      faceType: '1',
      typeList: [
        { 'label': '人脸检测', 'value': '1' },
        { 'label': '人流量检测', 'value': '2' },
      ]
    }
  },
  components: {
    FaceFlow,
    FaceMonitor
  },
};
</script>